
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <meta name="viewport"
        content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui,viewport-fit=cover">
    <link rel="stylesheet" href="./box/box.css">
    <script src="./commit/js/flexible_css.debug.js"></script>
    <script src="./commit/js/flexible.debug.js"></script>
</head>

<body>
    <div></div>
    <script src="./box/box.js"></script>
    <script>
        function loading() {
          $Box.loading.show()
          setTimeout(function(){
            $Box.loading.hide()
          },1000)
        }
        loading()

        function alert() {
          $Box.alert.show({
            text:'这是一个弹出框',
            isCancel:true,
            confirm:function(){
              console.log('确认')
            },
            cancel:function(){
              console.log('取消')
            }
          })
        }
        
        function wxTip() {
          $Box.wxTip.show()
          setTimeout(function(){
            $wxTip.hide()
          },1000)
        }

        function toast() {
          $Box.toast.show({
            text:'这是提示内容',
            time:5000
          })
        }
    </script>
</body>

</html>